<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="__PUBLIC__/css/wen.css" rel="stylesheet" type="text/css" />
<link href="__PUBLIC__/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<title>文章页</title>
</head>

<body>
<div class="big">
<header>
  <nav>
    <div class="logo"><a href="#"><i class="fa fa-hourglass-start" aria-hidden="true"></i></a></div>
    <ul>
      <li><a href="me.html">个人主页</a></li>
      <li><a href="#"></a></li>
      <li><a href="#"></a></li>
      <li><a href="home_page">首页</a></li>
    </ul>
  </nav>
  <div id="banner">
    <div class="inner">
      <h1>{$title[0]['article_title']}</h1>
      <div class="hr"></div>
      <h2>作者：{$username[0]['user_name']}</h2>
    </div>
  </div>
</header>
<div class="content">
  <section class="green-section">
    <div class="wrap">
    <div class="today">发表日期：{$date[0]['article_createtime']} &nbsp&nbsp&nbsp   浏览人数：15 </div>
      <p>{$content[0]['article_content']}</p>
    </div>
    <div style="margin-left:150px;">
      <strong >评论区</strong>
      <hr>
      <volist name="comment" id='vo'>
          <div>
            <img src="__PUBLIC__/image/user7.png" style="width:80px;height:80px;">
            <a>{$vo.user_name}:{$vo.comment_content}</a></br>
            <span style="margin-left:80px;">{$vo.comment_date}</span>
          </div>
      </volist>
    </div>
    <form action="wen_submit" method="POST">
    
    <div style="margin:20px 0 0 150px;">
      <img src="__PUBLIC__/image/gust.png" style="width:80px;height:80px;">
      <textarea style="width: 399px;min-height: 80px;max-height: 800px;overflow:hidden;border: 1px solid #a0b3d6;margin-left:10px;" name="comment" placeholder="评论两句？"></textarea><br/>
    </div>
    <input type="submit"  name="" value="发表评论" style="margin:10px 0 0 570px;border:1px solid #a0b3d6;padding:8px 12px;background-color:#BDCCF2;cursor:pointer;border-radius:5px; color:#666666">
    </form>
  </section>
</div>
<footer>
  <ul class="share-group">
    <li><a href="#"><i class="fa fa-weixin" aria-hidden="true"></i></a></li>
    <li><a href="#"><i class="fa fa-qq" aria-hidden="true"></i></a></li>
    <li><a href="#"><i class="fa fa-weibo" aria-hidden="true"></i></a></li>
  </ul>
  <div class="copy"> &copy daxian -2016 </div>
</footer>

</body>
</html>
